<!DOCTYPE html>
<html>
<head>
    <title>管道数据</title>
    <meta charset="utf-8">
    <meta name="resource_path" content="${resourcePath}" id="JQ_resource_path">
    <meta name="local_path" content="<%=request.getContextPath()%>" id="JQ_local_path">
    <meta name="gis_path" content="${gisResourcePath}" id="JQ_gis_path">

    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/risk.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
    <style>
        .zy-pack-up {
            background-color: #fafafa;
            border: 1px solid #dedede;
            color: #565656
        }

        .zy-pack-up i {
            background: transparent none repeat scroll 0 0;
            border-color: transparent transparent #565656;
            border-style: solid;
            border-width: 4px;
            height: 0;
            margin-bottom: 3px;
            margin-right: 5px;
            width: 0;
        }

        .paginate_button:hover {
            color: #333 !important;
            text-decoration: none !important;
        }

        input[type="text"], input[type="password"] {
            border: none !important;
            height: 36px !important;
            line-height: 36px !important;
        }

        [class*="span"] {
            float: none !important;
        }
    </style>
</head>
<body class="body-pad" style="padding-bottom:100px;">
<div class="html-header" style="background-color:white;">
    <%--<p class="header-title" style="margin-top:0"><em class="icon-ghg"></em>风险评价</p>--%>

    <div class="xyf-toggle-form-div header-title" style="margin:-10px 0 0">
        <span><em class="icon-ghg"></em>风险评价</span>查询条件<i class="xyf-toggle-form-icon"
                                                          style="display: inline-block !important;"></i>
    </div>
</div>
<div class="container-fluid warp;">
    <div class="row-fluid bg-white1">
        <div class="main clearFix  content-inner">
            <div class="lsk-pick-line">
                <div class="zy-form-line">
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">管道名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_pipeline" btn="pipeLineArr" class="bk-select"><abbr></abbr></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">主要威胁因素</div>
                        <div class="zy-select-inner">
                            <blockquote id="high" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">管段名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="pipeSegmentArr" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">起点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_begin" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">终点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_end" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta">风险等级</div>
                        <div class="zy-select-inner">
                            <blockquote id="highLeve" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-input-group w-100" style="position:relative">
                    <div class="sel" style="width:140px">
                        <div class="rad" STYLE="margin-top:5px">
                            <span>是否采取措施:</span>
                            <i class="active" id="controlMeasuresSearch" style="vertical-align:-5px"></i>
                        </div>
                    </div>
                    <button id="JQ_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                    <div class="new-gl clearFix" style="position: absolute;right:0;top:-10px;width:270px;">
                        <form action="${pageContext.request.contextPath}/riskMgr/riskAssessment/toRiskMap.html"
                              id="JQ_gis_form" method="post" target="_self"></form>
                        <a href="javascript:void(0);" class="export-b" id="btn_export"
                           style="margin-left:15px"><em></em>导出</a>
                        <a href="javascript:void(0);" class="export-b" id="JQ_total_btn"
                           style="margin-left: 15px"><em></em>统计</a>
                        <a href="javascript:void(0);" id="JQ_gis_btn" class="export-b"
                           style="margin-left: 15px"><em></em>GIS</a>
                    </div>
                    <div style="clear: both"></div>
                </div>
            </div>
            <div style="clear:both"></div>
            <div style="clear:both"></div>
            <div>
                <div class="zy-table tab01" style="margin-top:5px">
                    <table id="JQ_datatable_01" class="zy-datatable" cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th width="15%">管道名称</th>
                            <th width="15%">风险段名称</th>
                            <th width="8%">风险等级</th>
                            <th width="11%">主要威胁因素</th>
                            <th width="12%">评价建议</th>
                            <th width="14%">起点位置描述</th>
                            <th width="14%">终点位置描述</th>
                            <th width=10%">是否采取措施</th>
                            <th width="9%">是否可接受</th>
                            <th width="4%">详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

                <div class="left tab01 none">
                    <div class="map" style="margin-top:0px;position:relative" id="mapDiv">
                        <img src="${resourcePath}/images/pipedata/map.png" alt=""/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- plugin -->
<script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
<script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
<script src="${pageContext.request.contextPath}/js/basedata/pipe/loadGis.js"></script>
<script src="${pageContext.request.contextPath}/js/riskmgr/riskComm.js"></script>
<script src="${pageContext.request.contextPath}/js/riskmgr/riskAssessmentList.js"></script>

<script type="text/javascript">
    $(function () {
        // 地图按钮展示
        $('.tab-map li').each(function (i) {
            $(this).on('click', function () {
                $(this).addClass('active');
                $(this).siblings().removeClass('active')
                $('.tab01').eq(i).removeClass('none')
                $('.tab01').eq(i).siblings().addClass('none')
            })
        })
        $('.rad i').on('click', function () {
            $(this).hasClass('active') ? $(this).removeClass('active') : $(this).addClass('active')
        })
    })
</script>
</body>
</html>

